<template>
  <div class="atta-rule-wrapper">
    <el-tabs v-model="activeName"
      type="border-card">
      <el-tab-pane label="附件规则"
        name="1">
        <AttaRuleTable></AttaRuleTable>
      </el-tab-pane>
      <el-tab-pane label="扩展属性"
        name="2">
        <ExtandAttrTable></ExtandAttrTable>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import AttaRuleTable from './AttaRuleTable.vue'
import ExtandAttrTable from './ExtandAttrTable.vue'
import { useRoute } from 'vue-router'
// 获取当前路由
const route = useRoute()

const activeName = ref('1')

</script>

<style lang="scss" scoped>
.atta-rule-wrapper {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	padding: 8px 8px 0;
	height: 100%;
	:deep(.el-tabs) {
		height: 100%;
		display: flex;
		.el-tabs__content {
			flex: 1;
			padding: 0 8px 8px 8px;
			.el-tab-pane {
				height: 100%;
			}
		}
	}
}
</style>